<template>
  <div class="followRecord">
    <div class="title">历史服务</div>
    <div class="content">
      <el-table
        v-loading="loading"
        ref="multipleTable"
        :data="tabList"
        stripe
        border
        tooltip-effect="dark"
        style="width: 100%"
      >
        <el-table-column
          label="序号"
          align="center"
          type="index"
          width="64px"
        />
        <el-table-column label="服务时间" prop="serviceTime" align="center" width="200"></el-table-column>
        <el-table-column label="合同期完成直播场次" prop="liveCount" align="center"></el-table-column>
        <el-table-column label="合同期完成短视频条数" prop="shortVideoCount" align="center"></el-table-column>
        <el-table-column label="专场直播场数" prop="specialLiveCount" align="center"></el-table-column>
        <el-table-column label="串场直播场数" prop="guestLiveCount" align="center"></el-table-column>
        <el-table-column label="达人探店条数" prop="talentShortVideoCount" align="center"></el-table-column>
        <el-table-column label="云剪辑条数" prop="cloudShortVideoCount" align="center"></el-table-column>
        <el-table-column label="视频宣传拍摄条数" prop="publicizeShortVideoCount" align="center"></el-table-column>
        <el-table-column label="操作时间" prop="createTime" align="center"></el-table-column>
      </el-table>
      <pagination
        v-show="total > 0"
        :total="total"
        :page.sync="queryParams.pageNum"
        :limit.sync="queryParams.pageSize"
        @pagination="getList"
      ></pagination>
    </div>
  </div>
</template>
              
    <script>
import Loading from "@/components/Loading/index";
// api
import { historyList } from "@/api/customer/customerFile";

export default {
  name: "detail",
  components: {},
  data() {
    return {
      tabList: [],
      loading: false,
      total: 0,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
      },
    };
  },
  computed: {},
  created() {
    this.queryParams.clientId = this.$route.query.id;
    this.getList();
  },
  methods: {
    //获取活动状态字典
    getStatusList() {
      var dictType = "equity_function_type";
      this.$getSelectList(dictType)
        .then((res) => {
          var arr = [
            {
              id: "",
              value: "全部",
            },
          ];
          this.functionTypeList = arr.concat(res.result[0].dictList);
        })
        .finally(() => {});
    },
    /** 查询列表 */
    getList() {
      this.loading = true;
      historyList(this.queryParams).then(response => {
        response.result.records.forEach(item => {
          for (var key in item) {
            if (item[key] === '') {
              item[key] = "-";
            }
          }
        });
        this.tabList = response.result.records;
        this.total = response.result.total;
        this.loading = false;
      });
    },
  },
};
</script>
    <style lang="scss" scoped>
.followRecord {
  .title {
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 14px;
    margin-top: 20px;
  }
}
</style>
              